import React from 'react';
import { connect } from 'dva';
import styles from './SetMgr.css';
import { Layout, Breadcrumb } from 'antd';
import SettingMenu from '../../components/layout/SettingMenu';
const { Sider, Content } = Layout;
function SetMgr({ children, pagePath }) {
  // let paths = pagePath.split("-");
  return (
    <Layout>
      <Sider className={styles.leftMenu}>
        <SettingMenu />
      </Sider>
      <Content className={styles.content}>
        {/* <Breadcrumb className={styles.breadcrumb}>
          {
            paths.map((v, i) => {
              return <Breadcrumb.Item>{v}</Breadcrumb.Item>;
            })
          }
        </Breadcrumb> */}
        {children}
      </Content>
    </Layout>
  );
}

function mapStateToProps(state) {
  return {
    // pagePath: state.businessMgr.pagePath
  };
}

export default connect(mapStateToProps)(SetMgr);
